//全局公共样式
$fontSize:14px;

// 文字
.text-left {
  text-align: left
}
.text-right {
  text-align: right
}
.text-center {
  text-align: center
}

::-webkit-scrollbar {
  width: 7px;
  height: 8px;
}
::-webkit-scrollbar-thumb {
  background-color: #9093994d;
  border-radius: 2px;
  box-shadow: inset 0 0 6px #0003;
}
::-webkit-scrollbar-track {
  background-color: #0000000d;
}


/*字体*/
.arial{ font-family: Arial;}
.din{ font-family: DIN;}
.light{ font-weight: lighter;}
.regular{ font-weight: 400;}
.bold{ font-weight: bold;}
.small-size{ font-size:$fontSize*0.85;  }/*12px*/
h1,.h1,.ls-title{ font-size:$fontSize*1.72; line-height: 1.35; font-weight: 400  }/*特大标题 24px*/
h2,.h2,.ms-title{ font-size:$fontSize*1.43; line-height: 1.4; font-weight: 400 }/*大标题 20px*/
h3,.h3,.title-size{ font-size:$fontSize*1.15;  }/*标题 16px*/
h4,.h4{ font-size:$fontSize; font-weight: 400 }/**/
h5,.h5{ font-size:$fontSize*0.93; font-weight: 400}/*13px*/
h6,.h6{ font-size:$fontSize*0.85; font-weight: 400}/*12px*/
b,.b{ font-size:$fontSize*2.15;  line-height: 1.27; font-weight: 400; font-weight: 400}/*强调内容 30px*/
.ms-b{ font-size:$fontSize*2.58;  line-height: 1.2; font-weight: 400}/*强调内容 36px*/
.ls-b{ font-size:$fontSize*3.43;  line-height: 1.16; font-weight: 400}/*强调内容 48px*/
strong,.strong{ font-size:$fontSize*4.29;  line-height: 1.13; font-weight: 400}/*强调内容 60px*/
.ms-strong{ font-size:$fontSize*5.15;  line-height: 1.11; font-weight: 400}/*强调内容 72px*/
.fs-12{font-size:$fontSize*0.85; }
.fs-13{font-size:$fontSize*0.93; }
.fs-14{font-size:$fontSize; }
.fs-16{font-size:$fontSize*1.15; }
.fs-18{font-size:$fontSize*1.28; }
.fs-20{font-size:$fontSize*1.43; line-height: 1.4 }
.fs-24{font-size:$fontSize*1.72; line-height: 1.35 }
.fs-30{font-size:$fontSize*2.15;  line-height: 1.27 }
.fs-36{ font-size:$fontSize*2.58;  line-height: 1.2}
.fs-40{ font-size:$fontSize*2.86;  line-height: 1.18}
.fs-48{ font-size:$fontSize*3.43;  line-height: 1.16}
.fs-60{ font-size:$fontSize*4.29;  line-height: 1.13}
.fs-72{ font-size:$fontSize*5.15;  line-height: 1.11}
.capitalize{ text-transform: capitalize;}
.uppercase{ text-transform: uppercase;}
.lowercase{ text-transform: lowercase;}
.space-nowrap{ white-space: nowrap}

.block {
  display: block;
}

.pointer {
  cursor: pointer;
}

.inline-block {
  display: inline-block;
}

.svg-icon{
  font-size: 17px;
  outline: none;
}

/*内边距*/
.p-0 {padding: 0;}
.p-1 {padding: 1px;}
.p-2 {padding: 2px;}
.p-3 {padding: 3px;}
.p-4 {padding: 4px;}
.p-5 {padding: 5px;}
.p-6 {padding: 6px;}
.p-7 {padding: 7px;}
.p-8 {padding: 8px;}
.p-9 {padding: 9px;}
.p-10 {padding: 10px;}
.p-11 {padding: 11px;}
.p-12 {padding: 12px;}
.p-13 {padding: 13px;}
.p-14 {padding: 14px;}
.p-15 {padding: 15px;}
.p-16 {padding: 16px;}
.p-17 {padding: 17px;}
.p-18 {padding: 18px;}
.p-19 {padding: 19px;}
.p-20 {padding: 20px;}
.p-21 {padding: 21px;}
.p-22 {padding: 22px;}
.p-23 {padding: 23px;}
.p-24 {padding: 24px;}
.p-25 {padding: 25px;}
.p-26 {padding: 26px;}
.p-27 {padding: 27px;}
.p-28 {padding: 28px;}
.p-29 {padding: 29px;}
.p-30 {padding: 30px;}
.pr-0 {padding-right: 0;}
.pr-1 {padding-right: 1px;}
.pr-2 {padding-right: 2px;}
.pr-3 {padding-right: 3px;}
.pr-4 {padding-right: 4px;}
.pr-5 {padding-right: 5px;}
.pr-6 {padding-right: 6px;}
.pr-7 {padding-right: 7px;}
.pr-8 {padding-right: 8px;}
.pr-9 {padding-right: 9px;}
.pr-10 {padding-right: 10px;}
.pr-11 {padding-right: 11px;}
.pr-12 {padding-right: 12px;}
.pr-13 {padding-right: 13px;}
.pr-14 {padding-right: 14px;}
.pr-15 {padding-right: 15px;}
.pr-16 {padding-right: 16px;}
.pr-17 {padding-right: 17px;}
.pr-18 {padding-right: 18px;}
.pr-19 {padding-right: 19px;}
.pr-20 {padding-right: 20px;}
.pr-21 {padding-right: 21px;}
.pr-22 {padding-right: 22px;}
.pr-23 {padding-right: 23px;}
.pr-24 {padding-right: 24px;}
.pr-25 {padding-right: 25px;}
.pr-26 {padding-right: 26px;}
.pr-27 {padding-right: 27px;}
.pr-28 {padding-right: 28px;}
.pr-29 {padding-right: 29px;}
.pr-30 {padding-right: 30px;}

.pl-0 {padding-left: 0;}
.pl-1 {padding-left: 1px;}
.pl-2 {padding-left: 2px;}
.pl-3 {padding-left: 3px;}
.pl-4 {padding-left: 4px;}
.pl-5 {padding-left: 5px;}
.pl-6 {padding-left: 6px;}
.pl-7 {padding-left: 7px;}
.pl-8 {padding-left: 8px;}
.pl-9 {padding-left: 9px;}
.pl-10 {padding-left: 10px;}
.pl-11 {padding-left: 11px;}
.pl-12 {padding-left: 12px;}
.pl-13 {padding-left: 13px;}
.pl-14 {padding-left: 14px;}
.pl-15 {padding-left: 15px;}
.pl-16 {padding-left: 16px;}
.pl-17 {padding-left: 17px;}
.pl-18 {padding-left: 18px;}
.pl-19 {padding-left: 19px;}
.pl-20 {padding-left: 20px;}
.pl-21 {padding-left: 21px;}
.pl-22 {padding-left: 22px;}
.pl-23 {padding-left: 23px;}
.pl-24 {padding-left: 24px;}
.pl-25 {padding-left: 25px;}
.pl-26 {padding-left: 26px;}
.pl-27 {padding-left: 27px;}
.pl-28 {padding-left: 28px;}
.pl-29 {padding-left: 29px;}
.pl-30 {padding-left: 30px;}

.pt-0 {padding-top: 0;}
.pt-1 {padding-top: 1px;}
.pt-2 {padding-top: 2px;}
.pt-3 {padding-top: 3px;}
.pt-4 {padding-top: 4px;}
.pt-5 {padding-top: 5px;}
.pt-6 {padding-top: 6px;}
.pt-7 {padding-top: 7px;}
.pt-8 {padding-top: 8px;}
.pt-9 {padding-top: 9px;}
.pt-10 {padding-top: 10px;}
.pt-11 {padding-top: 11px;}
.pt-12 {padding-top: 12px;}
.pt-13 {padding-top: 13px;}
.pt-14 {padding-top: 14px;}
.pt-15 {padding-top: 15px;}
.pt-16 {padding-top: 16px;}
.pt-17 {padding-top: 17px;}
.pt-18 {padding-top: 18px;}
.pt-19 {padding-top: 19px;}
.pt-20 {padding-top: 20px;}
.pt-21 {padding-top: 21px;}
.pt-22 {padding-top: 22px;}
.pt-23 {padding-top: 23px;}
.pt-24 {padding-top: 24px;}
.pt-25 {padding-top: 25px;}
.pt-26 {padding-top: 26px;}
.pt-27 {padding-top: 27px;}
.pt-28 {padding-top: 28px;}
.pt-29 {padding-top: 29px;}
.pt-30 {padding-top: 30px;}

.pb-0 {padding-bottom: 0;}
.pb-1 {padding-bottom: 1px;}
.pb-2 {padding-bottom: 2px;}
.pb-3 {padding-bottom: 3px;}
.pb-4 {padding-bottom: 4px;}
.pb-5 {padding-bottom: 5px;}
.pb-6 {padding-bottom: 6px;}
.pb-7 {padding-bottom: 7px;}
.pb-8 {padding-bottom: 8px;}
.pb-9 {padding-bottom: 9px;}
.pb-10 {padding-bottom: 10px;}
.pb-11 {padding-bottom: 11px;}
.pb-12 {padding-bottom: 12px;}
.pb-13 {padding-bottom: 13px;}
.pb-14 {padding-bottom: 14px;}
.pb-15 {padding-bottom: 15px;}
.pb-16 {padding-bottom: 16px;}
.pb-17 {padding-bottom: 17px;}
.pb-18 {padding-bottom: 18px;}
.pb-19 {padding-bottom: 19px;}
.pb-20 {padding-bottom: 20px;}
.pb-21 {padding-bottom: 21px;}
.pb-22 {padding-bottom: 22px;}
.pb-23 {padding-bottom: 23px;}
.pb-24 {padding-bottom: 24px;}
.pb-25 {padding-bottom: 25px;}
.pb-26 {padding-bottom: 26px;}
.pb-27 {padding-bottom: 27px;}
.pb-28 {padding-bottom: 28px;}
.pb-29 {padding-bottom: 29px;}
.pb-30 {padding-bottom: 30px;}

/*外边距*/
.m-0 {margin: 0;}
.m-1 {margin: 1px;}
.m-2 {margin: 2px;}
.m-3 {margin: 3px;}
.m-4 {margin: 4px;}
.m-5 {margin: 5px;}
.m-6 {margin: 6px;}
.m-7 {margin: 7px;}
.m-8 {margin: 8px;}
.m-9 {margin: 9px;}
.m-10 {margin: 10px;}
.m-11 {margin: 11px;}
.m-12 {margin: 12px;}
.m-13 {margin: 13px;}
.m-14 {margin: 14px;}
.m-15 {margin: 15px;}
.m-16 {margin: 16px;}
.m-17 {margin: 17px;}
.m-18 {margin: 18px;}
.m-19 {margin: 19px;}
.m-20 {margin: 20px;}
.m-21 {margin: 21px;}
.m-22 {margin: 22px;}
.m-23 {margin: 23px;}
.m-24 {margin: 24px;}
.m-25 {margin: 25px;}
.m-26 {margin: 26px;}
.m-27 {margin: 27px;}
.m-28 {margin: 28px;}
.m-29 {margin: 29px;}
.m-30 {margin: 30px;}
.mr-0 {margin-right: 0;}
.mr-1 {margin-right: 1px;}
.mr-2 {margin-right: 2px;}
.mr-3 {margin-right: 3px;}
.mr-4 {margin-right: 4px;}
.mr-5 {margin-right: 5px;}
.mr-6 {margin-right: 6px;}
.mr-7 {margin-right: 7px;}
.mr-8 {margin-right: 8px;}
.mr-9 {margin-right: 9px;}
.mr-10 {margin-right: 10px;}
.mr-11 {margin-right: 11px;}
.mr-12 {margin-right: 12px;}
.mr-13 {margin-right: 13px;}
.mr-14 {margin-right: 14px;}
.mr-15 {margin-right: 15px;}
.mr-16 {margin-right: 16px;}
.mr-17 {margin-right: 17px;}
.mr-18 {margin-right: 18px;}
.mr-19 {margin-right: 19px;}
.mr-20 {margin-right: 20px;}
.mr-21 {margin-right: 21px;}
.mr-22 {margin-right: 22px;}
.mr-23 {margin-right: 23px;}
.mr-24 {margin-right: 24px;}
.mr-25 {margin-right: 25px;}
.mr-26 {margin-right: 26px;}
.mr-27 {margin-right: 27px;}
.mr-28 {margin-right: 28px;}
.mr-29 {margin-right: 29px;}
.mr-30 {margin-right: 30px;}

.ml-0 {margin-left: 0;}
.ml-1 {margin-left: 1px;}
.ml-2 {margin-left: 2px;}
.ml-3 {margin-left: 3px;}
.ml-4 {margin-left: 4px;}
.ml-5 {margin-left: 5px;}
.ml-6 {margin-left: 6px;}
.ml-7 {margin-left: 7px;}
.ml-8 {margin-left: 8px;}
.ml-9 {margin-left: 9px;}
.ml-10 {margin-left: 10px;}
.ml-11 {margin-left: 11px;}
.ml-12 {margin-left: 12px;}
.ml-13 {margin-left: 13px;}
.ml-14 {margin-left: 14px;}
.ml-15 {margin-left: 15px;}
.ml-16 {margin-left: 16px;}
.ml-17 {margin-left: 17px;}
.ml-18 {margin-left: 18px;}
.ml-19 {margin-left: 19px;}
.ml-20 {margin-left: 20px;}
.ml-21 {margin-left: 21px;}
.ml-22 {margin-left: 22px;}
.ml-23 {margin-left: 23px;}
.ml-24 {margin-left: 24px;}
.ml-25 {margin-left: 25px;}
.ml-26 {margin-left: 26px;}
.ml-27 {margin-left: 27px;}
.ml-28 {margin-left: 28px;}
.ml-29 {margin-left: 29px;}
.ml-30 {margin-left: 30px;}

.mt-0 {margin-top: 0;}
.mt-1 {margin-top: 1px;}
.mt-2 {margin-top: 2px;}
.mt-3 {margin-top: 3px;}
.mt-4 {margin-top: 4px;}
.mt-5 {margin-top: 5px;}
.mt-6 {margin-top: 6px;}
.mt-7 {margin-top: 7px;}
.mt-8 {margin-top: 8px;}
.mt-9 {margin-top: 9px;}
.mt-10 {margin-top: 10px;}
.mt-11 {margin-top: 11px;}
.mt-12 {margin-top: 12px;}
.mt-13 {margin-top: 13px;}
.mt-14 {margin-top: 14px;}
.mt-15 {margin-top: 15px;}
.mt-16 {margin-top: 16px;}
.mt-17 {margin-top: 17px;}
.mt-18 {margin-top: 18px;}
.mt-19 {margin-top: 19px;}
.mt-20 {margin-top: 20px;}
.mt-21 {margin-top: 21px;}
.mt-22 {margin-top: 22px;}
.mt-23 {margin-top: 23px;}
.mt-24 {margin-top: 24px;}
.mt-25 {margin-top: 25px;}
.mt-26 {margin-top: 26px;}
.mt-27 {margin-top: 27px;}
.mt-28 {margin-top: 28px;}
.mt-29 {margin-top: 29px;}
.mt-30 {margin-top: 30px;}

.mb-0 {margin-bottom: 0;}
.mb-1 {margin-bottom: 1px;}
.mb-2 {margin-bottom: 2px;}
.mb-3 {margin-bottom: 3px;}
.mb-4 {margin-bottom: 4px;}
.mb-5 {margin-bottom: 5px;}
.mb-6 {margin-bottom: 6px;}
.mb-7 {margin-bottom: 7px;}
.mb-8 {margin-bottom: 8px;}
.mb-9 {margin-bottom: 9px;}
.mb-10 {margin-bottom: 10px;}
.mb-11 {margin-bottom: 11px;}
.mb-12 {margin-bottom: 12px;}
.mb-13 {margin-bottom: 13px;}
.mb-14 {margin-bottom: 14px;}
.mb-15 {margin-bottom: 15px;}
.mb-16 {margin-bottom: 16px;}
.mb-17 {margin-bottom: 17px;}
.mb-18 {margin-bottom: 18px;}
.mb-19 {margin-bottom: 19px;}
.mb-20 {margin-bottom: 20px;}
.mb-21 {margin-bottom: 21px;}
.mb-22 {margin-bottom: 22px;}
.mb-23 {margin-bottom: 23px;}
.mb-24 {margin-bottom: 24px;}
.mb-25 {margin-bottom: 25px;}
.mb-26 {margin-bottom: 26px;}
.mb-27 {margin-bottom: 27px;}
.mb-28 {margin-bottom: 28px;}
.mb-29 {margin-bottom: 29px;}
.mb-30 {margin-bottom: 30px;}

/*宽度百分比*/
.vw-0 {width: 0;}
.vw-1 {width: 1%;}
.vw-2 {width: 2%;}
.vw-3 {width: 3%;}
.vw-4 {width: 4%;}
.vw-5 {width: 5%;}
.vw-6 {width: 6%;}
.vw-7 {width: 7%;}
.vw-8 {width: 8%;}
.vw-9 {width: 9%;}
.vw-10 {width: 10%;}
.vw-11 {width: 11%;}
.vw-12 {width: 12%;}
.vw-13 {width: 13%;}
.vw-14 {width: 14%;}
.vw-15 {width: 15%;}
.vw-16 {width: 16%;}
.vw-17 {width: 17%;}
.vw-18 {width: 18%;}
.vw-19 {width: 19%;}
.vw-20 {width: 20%;}
.vw-21 {width: 21%;}
.vw-22 {width: 22%;}
.vw-23 {width: 23%;}
.vw-24 {width: 24%;}
.vw-25 {width: 25%;}
.vw-26 {width: 26%;}
.vw-27 {width: 27%;}
.vw-28 {width: 28%;}
.vw-29 {width: 29%;}
.vw-30 {width: 30%;}
.vw-31 {width: 31%;}
.vw-32 {width: 32%;}
.vw-33 {width: 33%;}
.vw-34 {width: 34%;}
.vw-35 {width: 35%;}
.vw-36 {width: 36%;}
.vw-37 {width: 37%;}
.vw-38 {width: 38%;}
.vw-39 {width: 39%;}
.vw-40 {width: 40%;}
.vw-41 {width: 41%;}
.vw-42 {width: 42%;}
.vw-43 {width: 43%;}
.vw-44 {width: 44%;}
.vw-45 {width: 45%;}
.vw-46 {width: 46%;}
.vw-47 {width: 47%;}
.vw-48 {width: 48%;}
.vw-49 {width: 49%;}
.vw-50 {width: 50%;}
.vw-51 {width: 51%;}
.vw-52 {width: 52%;}
.vw-53 {width: 53%;}
.vw-54 {width: 54%;}
.vw-55 {width: 55%;}
.vw-56 {width: 56%;}
.vw-57 {width: 57%;}
.vw-58 {width: 58%;}
.vw-59 {width: 59%;}
.vw-60 {width: 60%;}
.vw-61 {width: 61%;}
.vw-62 {width: 62%;}
.vw-63 {width: 63%;}
.vw-64 {width: 64%;}
.vw-65 {width: 65%;}
.vw-66 {width: 66%;}
.vw-67 {width: 67%;}
.vw-68 {width: 68%;}
.vw-69 {width: 69%;}
.vw-70 {width: 70%;}
.vw-71 {width: 71%;}
.vw-72 {width: 72%;}
.vw-73 {width: 73%;}
.vw-74 {width: 74%;}
.vw-75 {width: 75%;}
.vw-76 {width: 76%;}
.vw-77 {width: 77%;}
.vw-78 {width: 78%;}
.vw-79 {width: 79%;}
.vw-80 {width: 80%;}
.vw-81 {width: 81%;}
.vw-82 {width: 82%;}
.vw-83 {width: 83%;}
.vw-84 {width: 84%;}
.vw-85 {width: 85%;}
.vw-86 {width: 86%;}
.vw-87 {width: 87%;}
.vw-88 {width: 88%;}
.vw-89 {width: 89%;}
.vw-90 {width: 90%;}
.vw-91 {width: 91%;}
.vw-92 {width: 92%;}
.vw-93 {width: 93%;}
.vw-94 {width: 94%;}
.vw-95 {width: 95%;}
.vw-96 {width: 96%;}
.vw-97 {width: 97%;}
.vw-98 {width: 98%;}
.vw-99 {width: 99%;}
.vw-100 {width: 100%;}

/*高度百分比*/
.vh-0 {height: 0;}
.vh-1 {height: 1%;}
.vh-2 {height: 2%;}
.vh-3 {height: 3%;}
.vh-4 {height: 4%;}
.vh-5 {height: 5%;}
.vh-6 {height: 6%;}
.vh-7 {height: 7%;}
.vh-8 {height: 8%;}
.vh-9 {height: 9%;}
.vh-10 {height: 10%;}
.vh-11 {height: 11%;}
.vh-12 {height: 12%;}
.vh-13 {height: 13%;}
.vh-14 {height: 14%;}
.vh-15 {height: 15%;}
.vh-16 {height: 16%;}
.vh-17 {height: 17%;}
.vh-18 {height: 18%;}
.vh-19 {height: 19%;}
.vh-20 {height: 20%;}
.vh-21 {height: 21%;}
.vh-22 {height: 22%;}
.vh-23 {height: 23%;}
.vh-24 {height: 24%;}
.vh-25 {height: 25%;}
.vh-26 {height: 26%;}
.vh-27 {height: 27%;}
.vh-28 {height: 28%;}
.vh-29 {height: 29%;}
.vh-30 {height: 30%;}
.vh-31 {height: 31%;}
.vh-32 {height: 32%;}
.vh-33 {height: 33.33%;}
.vh-34 {height: 34%;}
.vh-35 {height: 35%;}
.vh-36 {height: 36%;}
.vh-37 {height: 37%;}
.vh-38 {height: 38%;}
.vh-39 {height: 39%;}
.vh-40 {height: 40%;}
.vh-41 {height: 41%;}
.vh-42 {height: 42%;}
.vh-43 {height: 43%;}
.vh-44 {height: 44%;}
.vh-45 {height: 45%;}
.vh-46 {height: 46%;}
.vh-47 {height: 47%;}
.vh-48 {height: 48%;}
.vh-49 {height: 49%;}
.vh-50 {height: 50%;}
.vh-51 {height: 51%;}
.vh-52 {height: 52%;}
.vh-53 {height: 53%;}
.vh-54 {height: 54%;}
.vh-55 {height: 55%;}
.vh-56 {height: 56%;}
.vh-57 {height: 57%;}
.vh-58 {height: 58%;}
.vh-59 {height: 59%;}
.vh-60 {height: 60%;}
.vh-61 {height: 61%;}
.vh-62 {height: 62%;}
.vh-63 {height: 63%;}
.vh-64 {height: 64%;}
.vh-65 {height: 65%;}
.vh-66 {height: 66.66%;}
.vh-67 {height: 67%;}
.vh-68 {height: 68%;}
.vh-69 {height: 69%;}
.vh-70 {height: 70%;}
.vh-71 {height: 71%;}
.vh-72 {height: 72%;}
.vh-73 {height: 73%;}
.vh-74 {height: 74%;}
.vh-75 {height: 75%;}
.vh-76 {height: 76%;}
.vh-77 {height: 77%;}
.vh-78 {height: 78%;}
.vh-79 {height: 79%;}
.vh-80 {height: 80%;}
.vh-81 {height: 81%;}
.vh-82 {height: 82%;}
.vh-83 {height: 83%;}
.vh-84 {height: 84%;}
.vh-85 {height: 85%;}
.vh-86 {height: 86%;}
.vh-87 {height: 87%;}
.vh-88 {height: 88%;}
.vh-89 {height: 89%;}
.vh-90 {height: 90%;}
.vh-91 {height: 91%;}
.vh-92 {height: 92%;}
.vh-93 {height: 93%;}
.vh-94 {height: 94%;}
.vh-95 {height: 95%;}
.vh-96 {height: 96%;}
.vh-97 {height: 97%;}
.vh-98 {height: 98%;}
.vh-99 {height: 99%;}
.vh-100 {height: 100%;}

/*flex弹性布局相关*/
.flex {display: flex}
.inline-flex {display: inline-flex}
.flex-row {flex-direction: row}
.flex-row-reverse {flex-direction: row-reverse}
.flex-col {flex-direction: column}
.flex-col-reverse {flex-direction: column-reverse}
.flex-wrap {flex-wrap: wrap}
.flex-wrap-reverse {flex-wrap: wrap-reverse}
.flex-nowrap {flex-wrap: nowrap}

.place-items-auto {place-items: auto}
.place-items-start {place-items: start}
.place-items-end {place-items: end}
.place-items-center {place-items: center}
.place-items-stretch {place-items: stretch}
.place-content-center {place-content: center}
.place-content-start {place-content: start}
.place-content-end {place-content: end}
.place-content-between {place-content: space-between}
.place-content-around {place-content: space-around}
.place-content-evenly {place-content: space-evenly}
.place-content-stretch {place-content: stretch}
.place-self-auto {place-self: auto}
.place-self-start {place-self: start}
.place-self-end {place-self: end}
.place-self-center {place-self: center}
.place-self-stretch {place-self: stretch}

.items-start {align-items: flex-start}
.items-end {align-items: flex-end}
.items-center {align-items: center}
.items-baseline {align-items: baseline}
.items-stretch {align-items: stretch}

.content-center {align-content: center}
.content-start {align-content: flex-start}
.content-end {align-content: flex-end}
.content-between {align-content: space-between}
.content-around {align-content: space-around}
.content-evenly {align-content: space-evenly}

.self-auto {align-self: auto}
.self-start {align-self: flex-start}
.self-end {align-self: flex-end}
.self-center {align-self: center}
.self-stretch {align-self: stretch}

.justify-items-auto {justify-items: auto}
.justify-items-start {justify-items: start}
.justify-items-end {justify-items: end}
.justify-items-center {justify-items: center}
.justify-items-stretch {justify-items: stretch}
.justify-start {justify-content: flex-start}
.justify-end {justify-content: flex-end}
.justify-center {justify-content: center}
.justify-between {justify-content: space-between}
.justify-around {justify-content: space-around}
.justify-evenly {justify-content: space-evenly}
.justify-self-auto {justify-self: auto}
.justify-self-start {justify-self: start}
.justify-self-end {justify-self: end}
.justify-self-center {justify-self: center}
.justify-self-stretch {justify-self: stretch}

.align-items-start {align-items: start}
.align-items-end {align-items: end}
.align-items-center {align-items: center}
.align-items-baseline {align-items: baseline}


.flex-1 {flex: 1 1 0%}
.flex-auto {flex: 1 1 auto}
.flex-initial {flex: 0 1 auto}
.flex-none {flex: none}


.flex-grow-0 {flex-grow: 0}
.flex-grow {flex-grow: 1}
.flex-grow-1 {flex-grow: 1}
.flex-grow-2 {flex-grow: 2}
.flex-grow-3 {flex-grow: 3}
.flex-grow-4 {flex-grow: 4}
.flex-grow-5 {flex-grow: 5}
.flex-grow-6 {flex-grow: 6}
.flex-grow-7 {flex-grow: 7}
.flex-grow-8 {flex-grow: 8}
.flex-grow-9 {flex-grow: 9}
.flex-grow-10 {flex-grow: 10}
.flex-grow-100 {flex-grow: 100}
.flex-grow-1000 {flex-grow: 1000}

.flex-shrink-0 {flex-shrink: 0}
.flex-shrink {flex-shrink: 1}

.order-1 {order: 1}
.order-2 {order: 2}
.order-3 {order: 3}
.order-4 {order: 4}
.order-5 {order: 5}
.order-6 {order: 6}
.order-7 {order: 7}
.order-8 {order: 8}
.order-9 {order: 9}
.order-10 {order: 10}
.order-11 {order: 11}
.order-12 {order: 12}
.order-first {order: -9999}
.order-last {order: 9999}
.order-none {order: 0}
